<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>a元素的伪类</title>
    <style>
        /* :link 表示没有访问过的链接（正常的链接）*/
        a:link {
            color: red;
        }
        /* :visited 表示访问过的链接
            由于隐私的原因,visited这个伪类只能修改链接的颜色 （一般不建议使用）
        */
        a:visited {
            color: yellow;
        }
        /* :hover 鼠标悬浮状态*/
        a:hover {
            color: aquamarine;
        }
        /* :active 鼠标点击*/
        a:active {
            color: cyan;
        }

        input:checked {
            color: red;
        }
    </style>
</head>
<body>
    <a href="http://www.baidu.com">百度</a>
    <br />
    <a href="http://www.baidu123.com">百度</a>
    <br />
    <input type="checkbox" id="test">
    <label for="test">选项1</label>
</body>
</html>